<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FUE Library</title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
</head>

<body>
	
    <div class="container">
    	<div class="header">
        	<h1 class="logo">
        	<a href="#">
            	Future University
                <span></span>
            </a>
        </h1>
            <h1>
            <a href="home.html" class="center-name">
                Continuing Education
                <span></span>
            </a>
            </h1>
            <a class="header-btn" href="#">
                <span>
                    Help
                </span>
            </a>
            <a class="header-btn" href="#">
                <span>
                    Ask a Librarian
                </span>
            </a>
            <div  class="header-menu">
                <span>Library Locations</span>
                <ul>
                    <li>
                        <a href="">Instruction Calendar</a>
                    </li>
                    <li>
                        <a href="">Criteria for Admission</a>
                    </li>
                    <li>
                        <a href="">Admission Procedures</a>
                    </li>
                    <li>
                        <a href="">Placement</a>
                    </li>
                    <li>
                        <a href="">Re-admission</a>
                    </li>
                </ul>
            </div>
            <!-- NAV area -->
            <div class="nav-container">
            <span class="left-corner"></span>
            <span class="right-corner"></span>
            <ul class="nav">
                <li>
                    <a href="home.html">
                        Home
                    </a>
                    
                </li>
                <li>
                    <a href="about_us.html">
                        About us
                    </a>
                    
                </li>
                <li>
                    <a href="about_us.html">
                        Resources
                    </a>
                    
                </li>
                <li>
                    <a href="#">
                        Instructions
                    </a>
                    <ul>
                        <li>
                            <a href="calendar_table_view.html" >
                                Instruction Calendar 
                            </a>
                            <ul>
                        <li>
                            <a href="calendar_table_view.html" >
                                Instruction Calendar 
                            </a>
                        </li>
                        <li>
                            <a href="admissions.html" >
                                Criteria for Admission
                            </a>
                        </li>
                        <li>
                            <a href="admissions-procedures.html" >
                                Admission Procedures
                            </a>
                        </li>
                        <!--<li>
                            <a href="#" >
                                Placement 
                            </a>
                        </li>-->
                        <li>
                            <a href="re-admissions.html" >
                                Re-admission
                            </a>
                        </li>
                    </ul>
                        </li>
                        <li>
                            <a href="admissions.html" >
                                Criteria for Admission
                            </a>
                        </li>
                        <li>
                            <a href="admissions-procedures.html" >
                                Admission Procedures
                            </a>
                        </li>
                        <!--<li>
                            <a href="#" >
                                Placement 
                            </a>
                        </li>-->
                        <li>
                            <a href="re-admissions.html" >
                                Re-admission
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        Job Opportunities
                    </a>
                    <ul>
                        <li>
                            <a href="#" >
                                Registration Process
                            </a>
                        </li>
                        <li>
                            <a href="#" >
                                Early Registration
                            </a>
                        </li>
                        <li>
                            <a href="#" >
                                Late Registration
                            </a>
                        </li>
                        <li>
                            <a href="#" >
                                Drop & Add 
                            </a>
                        </li>
                        <li>
                            <a href="#" >
                                Withdrawal Policy
                            </a>
                        </li>
                        <li>
                            <a href="#" >
                                Education Records
                            </a>
                        </li>
                        <li>
                            <a href="#" >
                                ID cards & abbreviations
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="Programs.html">
                        Staff
                    </a>
                </li>
                <li>
                    <a href="#">
                        contact Us
                    </a>
                </li>
            </ul>
            </div>
        </div>
        <div class="main-slider">
          <ul class="slides">
            <li>
  	    		<img src="images/slider1.jpg" alt="" />
  	    	</li>
            <li>
  	    		<img src="images/Library_1.jpg" alt="" />
  	    	</li>
            <li>
  	    		<img src="images/Library_2.jpg" alt="" />
  	    	</li>
          </ul>
          <div class="main-slider-mask">
          	<h3>
            	Search
            	<span>
                <a href="#">Advanced Search</a>
                <a href="#">Search Help</a>
                </span>
            </h3>
          	<form>
            	<input type="text" placeholder="Enter Keywords..." />
                <input type="submit" value="" />
            </form>
          </div>
        </div>
        <div class="home-content clearfix">
        	<div class="home-left">
            	<div class="home-column">
                	<h3>
    	            	<a href="#">
                        	Welcome
                        </a>
	                </h3>
                    <div class="content">
                    	<p>
                   	Undergraduate students at the School of Education with the resources of a large university. Our students as early as their first year at SED. 
                    </p>
	                    <ul>
                    	<li>
                        	<a href="#">About Us</a>
                        </li>
                        <li>
                        	<a href="#">Hours</a>
                        </li>
                        <li>
                        	<a href="#">Policies</a>
                        </li>
                        <li>
                        	<a href="#">Our Vision</a>
                        </li>
                    </ul>
                    </div>
                    
                </div>
                <div class="home-column">
                	<h3>
    	            	<a href="#">News</a>
	                </h3>
                    <div class="content">
                    <div class="home-news-block">
                    	<div class="date">
                    		Oct 23, 2013
                    	</div>
                        <a href="#">
                        	Undergraduate students at the School of Education 
                        </a>
                        <p>
                        	Undergraduate students at the School of Education with as their first year at SED...
                        </p>
                    </div>
                    <div class="home-news-block">
                    	<div class="date">
                    		Oct 23, 2013
                    	</div>
                        <a href="#">
                        	Undergraduate students at the School of Education 
                        </a>
                        <p>
                        	Undergraduate students at the School of Education with as their first year at SED...
                        </p>
                    </div>
                    </div>
                </div>
                <h4>
                	Partnerships
                </h4>
                <div class="carousel-container">
                	<div class="flexslider carousel">
          <ul class="slides">
            	<li>
  	    	    	<a href="#"><img src="images/partner_1.jpg" /></a>
  	    		</li>
  	    		<li>
  	    	  	  <a href="#"><img src="images/partner_2.jpg" /></a>
  	    		</li>
  	    		<li>
  	    	 	   <a href="#"><img src="images/partner_3.jpg" /></a>
  	    		</li>
  	    		<li>
  	    		    <a href="#"><img src="images/partner_4.jpg" /></a>
  	    		</li>
                <li>
  	    	    	<a href="#"><img src="images/partner_1.jpg" /></a>
  	    		</li>
  	    		<li>
  	    	  	  <a href="#"><img src="images/partner_2.jpg" /></a>
  	    		</li>
  	    		<li>
  	    	 	   <a href="#"><img src="images/partner_3.jpg" /></a>
  	    		</li>
  	    		<li>
  	    		    <a href="#"><img src="images/partner_4.jpg" /></a>
  	    		</li>
  	    		
          </ul>
        </div>
        		</div>
            </div>
            <div class="home-right">
            	<h3>
                	<a href="#">Resources</a>
                </h3>
            	<div class="content">
                <div class="home-column">
                  <p>
                  	Undergraduate students at the School of Education with the resources of a large university. Our students as early as their first year at SED.
                  </p>
                </div>
                <div class="home-column">
                	<h4>Visit FUE</h4>
                    <p>
                    	Undergraduate students at the School of Education with the resources of a large university. 
                    </p>
                    <div class="video"><img src="images/video.jpg" alt="" /></div>
                </div>
                </div>
                <div class="social-icons">
                	<span>
                    	Find US Now In :
                    </span>
                    <a href="#" class="twitter"></a>
                    <a href="#" class="facebook"></a>
                </div>
            </div>
        </div>
        <div class="footer">
        	<a href="#" class="footer-logo"></a>
            <span class="copyright">Copyright © 2014 FUE (Library Website). All rights reserved.</span>
            <ul class="footer-menu">
            	<li>
                	<a href="#">Home page</a>
                </li>
                <li>
                	<a href="#">Sitmap</a>
                </li>
                <li>
                	<a href="#">Log-in</a>
                </li>
                <li>
                	<a href="#">Registration</a>
                </li>
            </ul>
        </div>
    </div>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
